<!DOCTYPE html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" cotent="min-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>登录</title>
  <link rel="stylesheet" href="{{iconCssUri}}" id="vscode-codicon-stylesheet">
  <link rel="stylesheet" href="{{root}}/media/css/setting/giteeLogin.css" id="vscode-codicon-stylesheet">
</head>

<body>
  <vscode-form-container class="main-content">
    <div class="page-title">
      <span>登录设置</span>
    </div>
    <vscode-divider></vscode-divider>
    <div id="gitee-login" class="container content-hide">
      <div class="before-login-content">
        <div class="content-item">
          <label for="user-num">邮箱</label>
          <vscode-text-field id="user-num" placeholder="gitee邮箱">
            <span slot="end" class="codicon codicon-account"></span>
          </vscode-text-field>
        </div>
        <div class="content-item">
          <label>密码</label>
          <vscode-text-field id="password" placeholder="密码" type="password">
            <span slot="end" id="password-icon" class="codicon codicon-eye-closed"></span>
          </vscode-text-field>
        </div>
        <div class="form-group content-hide" id="gitee-msg">
          登录信息不能为空
        </div>
        <div id="gitee-msg-incorrect-input">
          用户名或密码错误
        </div>
        <div class="content-item login-btn">
          <vscode-button id="btn-gitee">登录</vscode-button>
        </div>
      </div>
    </div>
    <div id="has-login" class="content-hide">
      <div class="login-content">
        <!-- <div class="avatar">
          <img id="user-avatar" src="" alt="login user avatar">
        </div> -->
        <div class="user-info">
          <div>
            <span class="codicon codicon-pass-filled"></span>
            <span id="logined-num"></span>
            <div id="user-nickname"></div>
          </div>
          <div>
            <span id="email"></span>
          </div>
          <div class="logout">
            <vscode-button id="gitee-cancel">注销</vscode-button>
          </div>
        </div>
      </div>
    </div>
  </vscode-form-container>
</body>
<script type="module" src="{{toolkitUri}}"></script>
<script src="{{root}}/media/js/third-party/jquery-3.3.1.min.js" type="text/javascript"></script>
<script src="{{root}}/media/js/setting/giteeLogin.js" type="text/javascript"></script>

</html>